<template>
  <div style="overflow: auto;height: 730px">
    <el-scrollbar>
      <el-card v-for="chat in store.state.friendList" :key="chat.id" class="chat-list-box">
        <div style="display: flex">
          <el-avatar :src="chat.image" size="large"/>
          <div style="margin-left: 1em">
            <span>{{ chat.tick }}</span>
          </div>
        </div>
      </el-card>
    </el-scrollbar>
  </div>
</template>

<script setup>
import store from "../store/index.js";


</script>

<style scoped>

</style>